<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<!-- 
		Replace path to template, title, header and body
		with actual data.
	 -->
<ui:composition template="../templates/commonClient.xhtml">
	<ui:define name="pageTitle"></ui:define>
	<ui:define name="pageHeader">Header</ui:define>
	<ui:define name="contenu">
		<div id="myCarousel" class="carousel slide">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner">
				<div class="item active">
					<div class="fill"
						style="background-image: url('http://placehold.it/1900x1080&amp;text=Slide One');"></div>
					<div class="carousel-caption">
						<h1>Nos Slides</h1>
					</div>
				</div>
				<div class="item">
					<div class="fill"
						style="background-image: url('http://placehold.it/1900x1080&amp;text=Slide Two');"></div>
					<div class="carousel-caption">
						<h1>Caption 2</h1>
					</div>
				</div>
				<div class="item">
					<div class="fill"
						style="background-image: url('http://placehold.it/1900x1080&amp;text=Slide Three');"></div>
					<div class="carousel-caption">
						<h1>Caption 3</h1>
					</div>
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#myCarousel" data-slide="prev">
				<span class="icon-prev"></span>
			</a> <a class="right carousel-control" href="#myCarousel"
				data-slide="next"> <span class="icon-next"></span>
			</a>
		</div>

	</ui:define>
	<ui:define name="container">


		<div class="row section">
			<div class="col-lg-12">
				<h1 class="page-header">
					Mon Compte <small>de voyage pack</small>
				</h1>
				<ol class="breadcrumb">
					<li><a href="accueil.jsf">Accueil</a></li>
					<li><a href="index.html">Mon Compte</a></li>
					<li class="active">Mes infos</li>
				</ol>
			</div>


			<div class="row">
				<div class="col-lg-8">
					<div class="form-group">
						<label>Civilité</label> <label class="radio-inline"> <input
							type="radio" name="optionsRadiosInline" id="optionsRadiosInline1"
							value="option1" checked="checked" /> M.
						</label> <label class="radio-inline"> <input type="radio"
							name="optionsRadiosInline" id="optionsRadiosInline2"
							value="option2" /> Mme
						</label> <label class="radio-inline"> <input type="radio"
							name="optionsRadiosInline" id="optionsRadiosInline3"
							value="option3" /> Mlle
						</label>
					</div>

					<div class="form-group input-group">
						<span class="input-group-addon">Nom</span> <input type="text"
							class="form-control" />
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon">Prénom</span> <input type="text"
							class="form-control" />
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon">@</span> <input type="text"
							class="form-control" placeholder="Mail" />
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon">Mot de Passe</span> <input
							type="password" class="form-control" />
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon">Adresse</span> <input type="text"
							class="form-control" />
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon">N° de Tél </span> <input
							type="text" class="form-control" />
					</div>

					<button type="submit" class="btn btn-primary">Modifier mes informations</button>



				</div>

				<div class="col-lg-4">
					<div class="well">
						<h4>Rechercher un Voyage</h4>
						<div class="input-group">
							<input type="text" class="form-control" /> <span
								class="input-group-btn">
								<button class="btn btn-default" type="button">
									<span class="glyphicon glyphicon-search"></span>
								</button>
							</span>

						</div>
						<!-- /input-group -->
					</div>
					<!-- /well -->
					<div class="well">
						<h4>Mon compte infos</h4>

					</div>
					<!-- /well -->

				</div>
			</div>
		</div>
		<!-- /.container -->
	</ui:define>
	<ui:define name="body">
		<form jsfc="h:form" id="Form"></form>
	</ui:define>
</ui:composition>

</html>